<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="/js/plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1911813_s7m2ktfo.css"  media="all"/>
    <link rel="stylesheet" href="/css/public.css" media="all" />
    <link rel="stylesheet" href="/css/main.css" media="all" />
</head>
<body class="tabMain">

<div class="layui-row minpanel">
    <div class="layui-col-xs3">
        <div class="layui-card">
            <div class="layui-card-header cardTitle">组织架构</div>
            <div class="layui-card-body padding0" id="departlist">
                <div id="department" class="demo-tree demo-tree-box" ></div>
            </div>
        </div>
    </div>
    <div class="layui-col-xs9">
        <div class="grid-demo tabMain magt0">
            <div class="layui-row">
                <div class="search_text float-r ">
                    <i class="iconfont gkb-sousuo"></i>
                    <input type="text" placeholder="请输入用户信息" maxlength="10" id="search_input" />
                </div>
                <button type="button" class="layui-btn layui-btn-normal" id="btn_addUser" >
                    <i class="iconfont gkb-tianjia"></i>
                    添加用户
                </button>
                <button type="button" class="layui-btn layui-btn-danger" id="btn_removeUser">
                    <i class="iconfont gkb-shanchu"></i>
                    删除用户
                </button>
            </div>
            <table class="layui-table" lay-even="true"  lay-skin="row" id="dataTable">
            </table>
        </div>
    </div>
</div>
<div class="tabMain" style="width: 550px;" hidden id="detailInfo">
    <form class="layui-form" action="" lay-filter="detailinfo">
        <div class="layui-form-item">
            <label class="layui-form-label">上级部门</label>
            <div class="layui-input-block" id="pageControl">
                <input type="text" name="parentID" id="parentID"  lay-filter="tree"  lay-reqtext="请选择上级部门">
            </div>

        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">部门名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="required" maxlength="20"  lay-reqtext="请输入部门名称"  autocomplete="off" placeholder="请输入部门名称" class="layui-input">
                <input type="hidden" id="id" name="id" />
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">负责人</label>
            <div class="layui-input-block">
               <input type="text" name="leaderName" id="leaderName" readonly  class="layui-input" placeholder="请选择部门负责人">
                <input type="hidden" name="leaderID" id="leaderID">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sortIndex" lay-verify="required" maxlength="5"  autocomplete="off" placeholder="请输入排序" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入备注信息" class="layui-textarea" name="remark"></textarea>
            </div>
        </div>
        <div class="layui-form-item align-center magt30">
            <div class="layui-input-block">
                <button type="button" class="layui-btn layui-btn-primary" id="btn_cancle">取  消</button>
                <button type="submit" class="layui-btn" lay-submit  lay-filter="btn_save" id="btn_save">保  存</button>
            </div>
        </div>
    </form>
</div>
</body>
<script type="text/javascript" src="/js/jquery-3.5.1.js" ></script>
<script type="text/javascript" src="/js/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/js/plugins/vue/vue.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/service.js"></script>
<script type="text/javascript" src="/js/system/department/department.js" ></script>
</html>